html {
    font-size : 15px;
}
body{height: auto;}
@media only screen and (min-width: 320px){
    html {
        font-size: 17px !important;
    }
    body{padding-bottom: 70px;}
}
@media only screen and (min-width: 375px){
    html {
        font-size: 18px !important;
    }
}
@media only screen and (min-width: 412px){
    html {
        font-size: 20px !important;
    }
    body{padding-bottom: 80px;}
}
@media only screen and (min-width: 768px){
    html {
        font-size: 24px !important;
    }
    body{padding-bottom: 92px;}
}

@font-face {
    font-family: 'JLiEr';
    font-weight: normal;
    font-style: normal;
}

a:hover, a:focus{color: #fff; outline: none;}
.head{width: 100%; height: 60px; background: #c4261c; position: fixed; top: 0px; left: 0px; z-index: 999;}
.head>div{height: 100%;}
button{outline: none;}
.head .logo-img{margin-top: 10px; height: 45px; margin-left: 10px;}
.search-but{margin-top: 25px; line-height: 18px; transition: all 0.5s;  margin-right: 18px; display:inline-block; position: relative; border: none; background: url(../images/search.png) no-repeat left center;background-size:auto 100%;  height: 18px; padding-left: 20px; color: #fff; font-size: 0.85rem;}
.search-but.center-t{margin-right: 30%; transition: all 0.5s;}
.menu-but{width: 26px; position: relative;left: -10px; height: 28px; margin-top: 20px; background: url(../images/menu.png) no-repeat center center; border: none; background-size:100% auto;}
.search-inp{ outline: none; padding-right: 20px;   position: absolute; right: 15px; transition: all 0.5s; width: 95%;  height: 30px;top: 20px; background: rgba(0,0,0,0.2);border: 1px solid rgba(0,0,0,0.1);border-radius: 15px;color: #fff;font-size: 0.85rem;}
.search-inp.off{width: 0px; padding: 0px ; border: 0px; transition: all 0.5s; opacity: 0;}
.search-inp:focus{outline: none;  background: rgba(0,0,0,0.2);border: 1px solid rgba(0,0,0,0.1); box-shadow: none; transition: all 0.5s;}
.search-box{position: relative;}
.wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.main-boxa{margin-top: 120px;}
.main-boxb{margin-top: 60px;}
.right-box{background: #70080e;width: 60%;}
.first-menu a{color: #fff;}
.first-menu>li{min-height: 40px; background: #8f0007; border-bottom: 1px solid #320001; border-top: 1px solid #c0001a; position: relative;}
.first-menu>li:first-child{border-top: none;}
.first-menu>li .san{width: 40px; height: 40px; transition: all 0.3s; transform: rotate(90deg); background: url(../images/menu-left.png) no-repeat center center; background-size:10px auto ; position: absolute; top: 0px; right: 0px; display: inline-block;}
.first-menu>li.active .san{background: url(../images/menu-down.png) no-repeat center center; transition: all 0.3s; transform: rotate(0deg); background-size:10px auto ;}
.first-menu>li>a{padding: 0.77rem 1.4rem; font-size: 0.85rem;}
.first-menu>li.active{background: #c0251b; border-top:none }
.first-menu>li.active>a::after{content: '' ; display: inline-block; width: 5px; height: 100%; background: #ffe485;    position: absolute;top: 0px;left: 0px;border-right: 1px solid #57110c;}
.first-menu>li.active>a{background: #c0251b;    font-size: 0.85rem;font-weight: bold;}
.sub-menu{background: #71080e; border-top: 1px solid #920007;}
.sub-menu li:first-child{border-top: 1px solid #a81d2f;}
.sub-menu li a{padding: 0.6rem 2.2rem; font-size: 0.85rem;}
.sub-menu li.active a{background: #c0251b;}
.search-div{ width: 90%; margin: 0px auto; min-height: auto; border-radius: 5px; height: auto; padding: 0px 18px; padding-bottom: 35px; box-sizing: border-box;}
.search-div:focus{box-shadow: none;  outline: none;}
.search-div h1{ text-align: left;color: #888888; font-size: 0.85rem; font-weight: normal; margin-top: 15px;}
.search-div h1 img{width: 17px; height: 17px; vertical-align: text-top;}
.search-div .input-box{}
.inp-search{border: 1px solid #bfbfbf; border-radius: 5px; height: 45px; line-height: 45px; background: #eee; color: #333; font-size: 0.85rem;}
.inp-search:focus{border: 1px solid #bfbfbf; border-radius: 5px; height: 45px; line-height: 45px; background: #eee; box-shadow: none; }
.but-box{}
.but{opacity: 1; transition: all 0.3s;}
.but:hover,.but:focus{opacity: 0.9; transition: all 0.3s;}
.red-but{margin:0 20px!important; height: 35px; display: inline-block; color: #fff !important; text-align: center; line-height: 35px; font-size: 1rem; border-radius: 4px; box-sizing: border-box; border: 1px solid #d1233e; background: url(../images/red-but-bg.png) no-repeat center center; background-size:100% 100% ;}
.zhe{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.banner{border-top: 1px solid #ddd; margin-top: 60px;}
.banner img{width: 100%; height: 100%;}

.title{width: 100%; height: 44px; background: #f7f7f7; position: relative;}
.title>h3{font-size: 1rem; color: #c4261c;    margin: 0px;position: relative; top: 12px;left: 9px; display: inline-block;}
.title>a{display: inline-block; font-size: 0.77rem; color: #333333;position: absolute;right: 10px;top: 15px;}
.title>a:focus,.title>a:hover{color: #c4261c;}
.tit-bor{border-bottom: 3px solid #c4261c;}
@media only screen and (min-width: 768px){
  .title>h3{font-size: 1rem; color: #c4261c;    margin: 0px;position: relative; top: 8px;left: 9px; display: inline-block;}
	.title>a{display: inline-block; font-size: 0.77rem; color: #333333;position: absolute;right: 10px;top: 11px;}
}
/**学校要闻**/
.news{width: 100%; padding-bottom: 25px;}
.news ul{width: 100%; margin: 0px;}
.news ul li{ width: 100%; margin-top: 18px;}
.news ul li a{display: block; padding: 0px 8px; box-sizing: border-box;}
.news-date{ display: inline-block; position: relative; width: 48px; height: 42px;border: 1px solid #c4261c; border-radius: 3px;}
.news-date h5{color: #c4261c; text-align: center; font-size: 1.3rem; margin: 0px; line-height: 1.4rem;}
.news-date span{ display: block; border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; position: absolute; bottom: -1px; width: 100%; height: 14px; background: #c4261c; color: #fff; font-size: 0.5rem; text-align: center; line-height: 14px;}
.news-text{width: calc(100% - 52px);padding-left: 4px; display: inline-block;vertical-align: top;}
.news-title{font-weight: normal;font-size: 1rem;margin-bottom: 0px; line-height: 1.2rem; color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-text p{    font-size: 0.8rem;padding-top: 5px; line-height: 1.2; color: #666;margin: 0px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}

.culture{ padding: 20px 12px 18px; background: url(../images/bg.png) no-repeat center center; background-size:100% 100% ;}
.sub-title{    font-size: 1rem;margin: 0px; line-height: 1.2rem;}
.sub-text{    font-size: 0.67rem; min-height:4rem ;  overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; color: #666;line-height: 1rem; padding-top: 12px; margin: 0px;}
.sub-time{ display: inline-block; background: url(../images/yellow-clock.png) no-repeat left center; background-size:12px 12px ; padding-left: 20px;    font-size: 0.55rem;color: #666;line-height: 0.75rem; float: right; padding-right: 10px;}

.teaching{padding: 20px 12px 18px;}
.training{padding: 20px 12px 18px;}

.lun-box{margin: 0px !important; background: #fff; height: auto;}
.lun{padding: 8px 18px; padding-left: 16px; border-top: 7px solid #f7f7f7;border-bottom: 7px solid #f7f7f7;}
.lun .lun_item{padding: 0px 4px;}
.lun .lun_item img{width: 100%; height: 60px;}
.lun .slick-next{background: url(../images/right-san.png) no-repeat center center; background-size:40% auto ; right: -18px; height: 60px; top: 11px;}
.lun .slick-prev{background: url(../images/left-san.png) no-repeat center center;background-size:40% auto ; left: -18px;height: 60px; top: 11px;}
.lun .slick-next:before ,.lun .slick-prev:before{opacity: 0;}
@media only screen and (min-width: 768px){
 .lun .lun_item img{width: 100%; height: 120px;}
.lun .slick-next{ height: 120px;}
.lun .slick-prev{height: 120px;}
}

.foot{background: #930007; padding: 10px 13px ; position: fixed; bottom: 0px; left: 0px; width: 100%;}
.foot p{ color: #fff; font-size: 0.6rem; line-height: 1rem; margin: 0px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.foot p span{color: #ffba00; font-family: 'JLiEr'; font-weight: bold; font-style: italic;line-height: initial;}

.education{width: 100%; padding: 14px 10px 12px 10px;}
.education a{display: block; text-align: center;}
.education img{ height: 70px; width: auto;}
.education p{ color: #333; font-size: 0.83rem; margin: 0px;}
.enrol_stu{ padding: 0px 10px; }
.zhang-ul{ width: 100%; margin: 0px;}
.zhang-ul li{}
.zhang-ul li a{padding-left: 19px;display: block; color: #333; font-size: 1rem; line-height: 1.2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.zhang-ul li a:hover,.zhang-ul li a:focus{background: #f1f1f1;color: #c4261c;}
.stu_plan{padding: 0px 10px;}
.bor-b{border-bottom: 1px solid #cccccc;}
.link_way{padding: 10px 22px 22px;}
.p_img{ color: #333; font-size: 0.83rem; margin: 0px;line-height: 2rem;}
.p_img img{height: 24px; width: 24px;}
.p_img span{display: inline-block; height: 24px; width: 24px;}
.p_text{font-size: 0.83rem; color: #333; margin: 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1rem;}

.Pro_box{ height: auto; background: #fff;padding: 0px 4px; margin-top: 7px;}
.Pro_item{	width: 92%; padding-top: 20px; border: 1px solid #d5d5d5; box-shadow: 2px 3px 4px #ddd; margin: 0px auto; text-align: center;}
.Pro_item h3{font-size: 0.78rem; color: #d16c67; font-weight: bold; line-height: 0.78rem; margin-bottom: 8px;}
.Pro_item .p_b{ font-size: 0.55rem; line-height: 0.55rem; color: #333; margin-bottom: 6px;}
.Pro_item .p_daihao{ font-size: 0.55rem; line-height: 0.55rem; color: #717171; margin-bottom: 9px;}
.Pro_item .p_number{ font-size: 0.666rem; color: #ffa800; font-weight: bold; margin-bottom: 19px;}
.Pro_item a{display: block; width: 62px; height: 18px; line-height: 16px; border: 1px solid #b64d49; border-radius: 9px; text-align: center; background: #d77f7c; color: #fff; font-size: 0.5rem; margin:0px auto 15px ;}

.bg-gray{background: #f7f7f7;}
.tabs-a{height: 45px; width: 100%; background: #fff; position: fixed; top: 60px; left: 0px; box-shadow: 0px 2px 3px #ddd;}
.tabs-a li{height: 45px; text-align: center;}
.tabs-a li a{display: inline-block; height: 38px; color: #333; line-height: 38px; font-size: 1rem; padding: 0px; vertical-align: top; margin: 0px auto;}
.tabs-a .tabs-title > a:focus, .tabs-a .tabs-title > a[aria-selected='true'] {    color: #930007; position: relative;    background: #fff;}
.tabs-a .tabs-title > a:focus:before, .tabs-a .tabs-title > a[aria-selected='true']:before {
    content:"";width: 100%;height: 2px; border-radius: 2px; background: #930007; position: absolute; bottom: 2px;
}
.tabs-a-con{background: #fff; border: none;}
.tabs-a-con .tabs-panel{padding: 0px;}
.art-tit{background: #fff; text-align: center; margin: 0px; color: #333; font-size: 1rem; line-height: 1.6rem; padding: 10px 0px; }
.art-p{background: #f0f0f0; text-align: center; margin: 0px;padding: 8px 0px;}
.art-p span{display: inline-block; margin: 0px 4px; color: #666; font-size: 0.66rem; line-height: 0.83rem; }
.art-main{background: #fff; padding: 20px 13px;}
.art-main p{ font-size: 0.83rem;text-indent: 2em; color: #333; line-height: 1.53rem; margin: 0px;}
.tabs-b-box{background: #f7f7f7;}
.tabs-b{width: 100%; background: #fff; margin: 0px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 10px 5px 5px 8px; box-sizing: border-box;}
.tabs-b li{ float: left; display: inline-block; margin: 0px 5px; margin-bottom: 5px;}
.tabs-b li a{display: block; padding: 0px 10px; height: 1.23rem; line-height: 1.23rem; font-size: 0.83rem; border: 1px solid #2989d3; text-align: center; background: url(../images/blue-but-bg.png) no-repeat center center; background-size:100% 100% ; color: #fff; border-radius: 2px;}
.tabs-b-con{background: #fff; margin-top: 10px;}
.hr-a{height: 2px; background: #f0f0f0; border-color: #f0f0f0; margin-top: 0px; margin-bottom: 10px;}
.tabs-b-con .art-main{padding-top: 0px;}
.art-sub-tit{font-size: 1rem; color: #c4261c; padding-left: 10px;}
.mess-box{width: 100%; border: 1px solid #ccc; background: #f0f0f0;  border-radius: 5px; padding: 10px 12px;}
.mess-box p{border-bottom: 1px solid #ccc; margin: 0px; text-indent: 0em;padding: 10px 0px; line-height:1.2rem ; font-size: 0.83rem;}
.mess-box p:last-child{border-bottom: none;}
.mess-box p img{width: 22px; height: 22px; margin-right: 5px; vertical-align: top; }
.mess-box p span:first{height: 22px; line-height: 22px; font-size: 0.83rem; display: inline-block; vertical-align: top;}
.teacher-box{ padding: 4px; background: #f7f7f7; padding-top: 0px;}
.teacher-box>div{padding: 4px;}
.teacher-box>div a{padding: 5px; background: #fff; display: block;}
.teacher-box>div a img{width: 100%; height: auto;}
.teacher-box>div a p{margin: 0px; line-height: 1rem; padding: 4px 0px; padding-top: 8px;}
.teacher-box>div a p .name{display: inline-block; font-size: 1rem; color: #333;}
.teacher-box>div a p .zhuan{display: inline-block; font-size: 0.66rem; color: #666; float: right; padding-right: 10px; line-height: 1.2rem;}
@media only screen and (max-width: 324px){
  .teacher-box>div a p .zhuan{ padding-right: 0px;}
}
.channel{width: 100%; margin: 0px; padding: 0px 7px; padding-bottom: 10px; box-sizing: border-box; background: #f7f7f7;}
.channel li{ background: #fff; margin-bottom: 4px; border: 1px solid #fff;}
.channel li a{display: block; color: #333; font-size: 1rem; line-height: 1.66rem; padding: 8px 15px;}
.channel li:hover , .channel li:focus{background: #f0f0f0; border: 1px solid #bfbfbf; color: #c4261c;}
.channel li:hover a, .channel li:focus a{ color: #c4261c;}
.select-sch{height: 1.23rem; color: #666666; line-height: 1.23rem; width: 45%;  margin: 0px; margin-top: 10px; padding: 0px; padding-left: 5px;  background: #eee; border: 1px solid #bfbfbf; border-radius: 2px;     float: right;
    margin-right: 20px; outline: none; font-size: 0.66rem; padding-right: 20px;}
.select-sch option{display: block; min-height: 1rem; line-height: 1rem;}
.select-sch:focus{box-shadow: none; background: #eee; border: 1px solid #bfbfbf;}
.select-icon{height: 1rem; width: 1rem; display: inline-block; background: url(../images/sele-icon.png) no-repeat center center; background-size:100% 100% ; position: absolute; right: 22px; top: 12px; }
.pB40{padding-bottom: 40px;}

.user-box{width: 100%; margin: 0px auto;margin-top: 0.44rem; margin-bottom: 0.44rem; border: 1px solid #ccc;background: #f0f0f0;border-radius: 4px;}
.user-box img{width: 92%;margin: 0.16rem auto;display: block;}
.teacher-p{font-size: 0.83rem; margin: 0px;border-bottom: 1px solid #e5e5e5;padding: 0.28rem 0.6rem;line-height: 1.4rem;}
.tea-p-s{    display: inline-block; font-size: 0.66rem; color: #666; padding-left: 6px;}
.tea-p-t{display: inline-block;    width: calc(100% - 3rem);vertical-align:top;}
.teacher-p.font{font-size: 1rem;}
.teacher-p:first-child{padding-top: 0.7rem;}
.p-l{padding-left: 1rem;}
.teacher{padding: 0px 0.6rem;}
.tea-tit{font-size: 0.83rem; color: #c4261c; padding-left: 0.28rem; margin: 0px; line-height: 0.83rem; padding-top:0.28rem ; padding-bottom: 0.3rem;}
.tea-box{    border: 1px solid #ccc;  background: #f0f0f0; border-radius: 3px; padding: 0.44rem; margin-bottom: 0.66rem;}
.tea-box p{font-size: 0.83rem;    line-height: 1.52rem; margin: 0px;}
.mT60{margin-top: 60px;}
.zixun{padding: 1rem 0.85rem;}
.label-text{font-size: 0.83rem; margin-bottom: 1rem;}
.inp-text{height: 1.6rem; line-height: 1.2rem; width: 70%; display: inline-block; margin: 0px; border-radius: 2px;}
.imp{display: inline-block; height: 100%; color: #c4261c; font-size: 1rem; margin-left: 4px; vertical-align: top;}
.imp-text{font-size: 0.83rem; color: #c4261c; font-weight: bold; margin: 0px;}
.textarea-box{width: 95%; display: inline-block; height: 6rem; font-size: 0.75rem; color: #444;}
.mB0{margin-bottom: 0px;}
.but-out{width: 100%;}
.butA{width: 6rem; height: 1.6rem; border-radius: 3px; outline: none; color: #fff; font-size: 0.83rem;}
.butA:hover,.butA:focus{opacity: 0.85;}
.submit-b{border: 1px solid #2d91dc; background: url(../images/blue-but-bg.png) no-repeat center center; background-size:100% 100% ;}
.reset-b{border: 1px solid #999999; background: url(../images/gray-but-bg.png) no-repeat center center; background-size:100% 100% ;}
.zixun_A{padding: 0.85rem;}
.zixun-p{font-size: 0.8rem; color: #333; margin-bottom: 0.3rem;}
.zixun-time{display: inline-block; color: #666; font-size: 0.66rem; vertical-align: text-bottom; line-height: 0.8rem;}
.zixun-box{border: 1px solid #ccc; background: #f0f0f0; border-radius: 2px; padding: 0.1rem;}
.zixun-box>p{font-size: .75rem; color: #555; line-height: 1rem; margin-bottom: 0.5rem;}
.hr-b{border-top: 1px dashed #ddd; margin-bottom: 0.5rem;}
